<!DOCTYPE html>
<html>
     <head>
      <title>Categories PC-Store</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>PC-Store-</title>
        <link href="resource/css/style.css" rel="stylesheet" type="text/css" />	
		
		<script src="resource/js/jquery-1.10.2.min.js"></script>
		<script src="resource/js/jquery.mobile-1.4.2.min.js"></script>
    </head>
<body>
	<div data-role="page" id="pageone">
	
           <!-- Begin Search -->
                <div id="search">
                    <div class="shell">
                        <form action="#" method="get" accept-charset="utf-8">
                            <div class="container">
                                <input type="text"  placeholder="KeyWord....." title="Keywords..." class="blink" />
                            </div>
                            <input class="search-button" type="submit" value="" />
                        </form>
                        <div class="cl">&nbsp;</div>
                    </div>
                </div>
        
        <div data-role="header">
            <div class="logo">
                <a href="home.html" target="_self">
                    <img src="resource/images/logo.png" />
                </a>
            </div>
		<div class="clear"></div>   
      </div>
        
        
       <div data-role="main" class="ui-content">
		<nav class="vertical menu">
            <ul>
                <li><a href="home.html" target="_self">Home page</a></li>
                <li><a href="Categories.html" target="_self">Categories</a></li>
            </ul>
        </nav> 
        <div class="clear"></div>
    </header>    
    <div class="content">
    <!-- Begin Products -->
   
						<div id="products">                        
							<h2>Latest Products<span class="title-bottom">&nbsp;</span></h2>
							<div class="product">
								<a href="#" title="Product 1">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img1.jpg" alt="Product Image 1" />
									<span class="number">Product 14</span>&nbsp;
									<span class="price"><span>$</span>587.50</span>
								</a>
							</div>
							<div class="product">
								<a href="#" title="Product 2">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img2.jpg" alt="Product Image 2" />
									<span class="number">Product 17</span>&nbsp;
									<span class="price"><span>$</span>1587.50</span>
								</a>
							</div>
							<div class="product last">
								<a href="#" title="Product 3">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img3.jpg" alt="Product Image 3" />
									<span class="number">Product 22</span>&nbsp;
									<span class="price"><span>$</span>1249.99</span>
								</a>
							</div>                      
                                  
							
                                                        
							<div class="product">
								<a href="#" title="Product 4">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img4.jpg" alt="Product Image 4" />
									<span class="number">Product 9</span>&nbsp;
									<span class="price"><span>$</span>199.99</span>
								</a>
							</div>
							<div class="product">
								<a href="#" title="Product 5">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img5.jpg" alt="Product Image 5" />
									<span class="number">Product 21</span>&nbsp;
									<span class="price"><span>$</span>259.50</span>
								</a>
							</div>
							<div class="product last">
								<a href="#" title="Product 6">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img6.jpg" alt="Product Image 6" />
									<span class="number">Product 2</span>&nbsp;
									<span class="price"><span>$</span>785.20</span>
								</a>
							</div>
							
							<div class="product">
								<a href="#" title="Product 7">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img7.jpg" alt="Product Image 7" />
									<span class="number">Product 115</span>&nbsp;
									<span class="price"><span>$</span>99.99</span>
								</a>
							</div>
							<div class="product">
								<a href="#" title="Product 8">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img8.jpg" alt="Product Image 8" />
									<span class="number">Product 97</span>&nbsp;
									<span class="price"><span>$</span>199.99</span>
								</a>
							</div>
							<div class="product last">
								<a href="#" title="Product 9">
									<span class="title">Product Name</span>
									<img src="resource/images/product-img9.jpg" alt="Product Image 9" />
									<span class="number">Product 24</span>&nbsp;
									<span class="price"><span>$</span>688.50</span>
								</a>
							</div>
							<div class="cl">&nbsp;</div>                          
						</div>
                       
						<!-- End Products -->
    </div>
                         <center>
                        <ul>
                          <li class="widget">
								<h2>Shopping Card</h2>
								<div class="widget-entry">
									<a href="#" class="items" title="Shopping Card Items">0 items</a>
								</div>
							</li>
						</ul>
                        </center>
                        </div>
	<!-- Begin Footer -->
		<div  data-role="footer" id="footer">
			<div class="shell">
				<p class="bottom-menu"><a href="#" title="Home">About Us</a><span>|</span><a href="#" title="Special Offers">Privacy Policy</a><span>|</span><a href="#" title="Log In">Terms &amp; Conditions</a><span>|</span><a href="#" title="Account">Contact Us</a><span>|</span><a href="#" title="Basket">Site Map</a></p>
				<p>Copyright &copy; PC Store 2012. Design by: <a href="http://css-free-templates.com/" title="CSS Free Templates">CSS-Free-Templates</a>. All Rights Reserved. </p>
				<div class="cl">&nbsp;</div>
			</div>
		</div>
		<!-- End Footer -->
        </div>
</body>
</html>
